﻿<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>

		<title>My JSP 'index.jsp' starting page</title>

		<link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<meta http-equiv=“X-UA-Compatible” content=“IE=7″>
		<meta http-equiv=“X-UA-Compatible” content=“IE=8″>
		<!–[if lt IE 7]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js”
			type=”text/javascript”></script>
		<![endif]–>

		<!–[if lt IE 8]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js”
			type=”text/javascript”></script>
		<![endif]–>

		<!–[if lt IE 9]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
		<![endif]–>
		<style>
a:hover {
	color: red;
}
</style>
		<script type="text/javascript">
	function showsubmenu(li) {
		var sub = li.getElementsByTagName("ul")[0];
		sub.style.display = "block";
		var b = li.getElementsByTagName("span")[0];
		b.style.color = "#008fd7";
	}
	function hide(li) {
		var submenu = li.getElementsByTagName('ul')[0];
		submenu.style.display = "none";
		var b = li.getElementsByTagName("span")[0];
		b.style.color = "white";
	}
</script>

	</head>
	<body style="font-family: Microsoft YaHei; background-color: white;">
		<div class="head col-md-12"
			style="display: inline-block; background-color: white;">
			<div>

				<c:forEach items="${lunbo}" var="lunbopic">
					<div>
						<img src="${lunbopic.imgurl }" alt=""
							style="width: 100%; height: auto;" />
					</div>
				</c:forEach>

			</div>
			<div style="background-color: #008fd7; height: 45px;">

				<table class="clearfix" width="77%"
					style="margin-left: 12%; background-color: #008fd7;">
					<tr>
						<c:forEach items="${first}" var="f">
							<td class="b cursor-pointer text-center"
								onmouseover=showsubmenu(this);;onmouseout=hide(this);;>
								<a href="${f.url}" target="_parent"
									style="text-decoration: none;"> <span>${f.title}</span> </a>
								<ul>
									<c:forEach items="${second}" var="second">
										<c:if test="${f.id == second.tit.id}">
											<li style="line-height: 45px;">
												<a href="${second.url }">${second.title }</a>
											</li>


										</c:if>
									</c:forEach>
								</ul>
							</td>
						</c:forEach>
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>